import React from "react"
import TodoItem from "./TodoItem"
import "./TodoContext.css"
function TodoContext(props){
    return(
        <ul className="todo-list">
            TodoList:
            {props.todos.map((todo,index)=>(
                <TodoItem key={todo.id} todo={todo} todoToggle={props.todoToggle} removeTodo={props.removeTodo}/>))
            }
        </ul>
    )
}
export default TodoContext